<template>
  <div id="app">
    <el-dialog :visible.sync="recordImg" title="回款凭证记录" width="30%">
      <div v-for="(item,index) in imgList">
        <span style="display: block;margin-bottom: 10px">第{{ index + 1 }}次回款：</span>
        <div style="display: flex;width: 500px;flex-wrap: wrap;margin-bottom: 10px">
          <el-image style="width: 50px;height: 50px;margin-right: 15px" v-for="a in item.prove"
                    :src="'https://'+a" :key="a" :preview-src-list="['https://'+a]"></el-image>
        </div>
      </div>
      <div v-if="imgList.toString()==''">暂无数据</div>
    </el-dialog>

  </div>
</template>

<script>
export default {
  name: "receiveImgList",
  data() {
    return {
      recordImg: false,
      imgList: [],
    }
  },
  methods: {
    handleOpen(val) {
      this.recordImg = true
      this.$api.paymentGetPaymentByPaymentId({taskId: val}).then(res => {
        this.imgList = res
      })
    }
  }
}
</script>

<style scoped>

</style>